<!DOCTYPE html><html><head>        <meta charset="utf-8">        <title>Markdown</title>        <link rel="stylesheet" href="github-markdown.css">        </head><body><article class="markdown-body"><h1>Welcome to Leanote! 欢迎来到Leanote!</h1>

<h2>1. 排版</h2>

<p><strong>粗体</strong> </p>

<p><em>斜体</em></p>

<p><del>这是一段错误的文本。</del></p>

<p>引用</p>

<p>引用Leanote官方的话, 为什么要做Leanote, 原因是...</p>

<p>有序列表</p>
<ol>
<li>支持Vim</li>
<li>支持Emacs</li>
</ol>

<p>无序列表</p>

<ul>
<li>项目1</li>
<li>项目2</li>
</ul>


<h2>2. 图片与链接</h2>

<p>图片</p>
<p><img src="https://leanote.com/images/logo/leanote_icon_blue.png" alt="leanote" title=""></p>
<p>链接</p>

<p><a href="http://leanote.leanote.com" title="http://leanote.leanote.com">这是去往Leanote官方博客的链接</a></p>

<h2>3. 标题</h2>

<p>以下是各级标题, 最多支持5级标题</p>

<pre><code class="code-highlight"><span class="code-line line-number" line="1"># h1
</span><span class="code-line line-number" line="2">## h2
</span><span class="code-line line-number" line="3">### h3
</span><span class="code-line line-number" line="4">#### h4
</span><span class="code-line line-number" line="5">##### h4
</span><span class="code-line line-number" line="6">###### h5
</span></code></pre>
<h2>4. 代码</h2>

<p>示例</p>

<p>function get(key) {</p>
<p>return m[key];</p>
<p>}</p>

<p>代码高亮示例</p>

<pre class="language-javascript"><code class="language-javascript code-highlight"><span class="code-line line-number" line="1">
</span><span class="code-line line-number" line="2">nth element in the fibonacci series.
</span><span class="code-line line-number" line="3">@param n = 0
</span><span class="code-line line-number" line="4">@return the nth element, = 0.
</span><span class="code-line line-number" line="5">
</span><span class="code-line line-number" line="6">function fib(n) {
</span><span class="code-line line-number" line="7">var a = 1, b = 1;
</span><span class="code-line line-number" line="8">var tmp;
</span><span class="code-line line-number" line="9">while (--n = 0) {
</span><span class="code-line line-number" line="10">tmp = a;
</span><span class="code-line line-number" line="11">a += b;
</span><span class="code-line line-number" line="12">b = tmp;
</span><span class="code-line line-number" line="13">}
</span><span class="code-line line-number" line="14">return a;
</span><span class="code-line line-number" line="15">}
</span><span class="code-line line-number" line="16">
</span><span class="code-line line-number" line="17">document.write(fib(10));
</span></code></pre>
<pre class="language-python"><code class="language-python code-highlight"><span class="code-line line-number" line="1">class Employee
</span><span class="code-line line-number" line="2">empCount = 0
</span><span class="code-line line-number" line="3">
</span><span class="code-line line-number" line="4">def __init__(self, name, salary)
</span><span class="code-line line-number" line="5">self.name = name
</span><span class="code-line line-number" line="6">self.salary = salary
</span><span class="code-line line-number" line="7">Employee.empCount += 1
</span></code></pre>
<h1>5. Markdown 扩展</h1>

<p>Markdown 扩展支持</p>

<p>表格</p>
<p>定义型列表</p>
<p>Html 标签</p>
<p>脚注</p>
<p>目录</p>
<p>时序图与流程图</p>
<p>MathJax 公式</p>

<h2>5.1 表格</h2>

<p>Item      Value</p>
<hr>
<p>Computer  $1600</p>
<p>Phone     $12</p>
<p>Pipe      $1</p>

<p>可以指定对齐方式, 如Item列左对齐, Value列右对齐, Qty列居中对齐</p>

<p>Item      Value  Qty   </p>
<hr>
<p>Computer  $1600   5    </p>
<p>Phone     $12     12   </p>
<p>Pipe      $1      234  </p>


<h2>5.2 定义型列表</h2>

<p>名词 1</p>
<p>:    定义 1（左侧有一个可见的冒号和四个不可见的空格）</p>

<p>代码块 2</p>
<p>:    这是代码块的定义（左侧有一个可见的冒号和四个不可见的空格）</p>

<p>代码块（左侧有八个不可见的空格）</p>

<h2>5.3 Html 标签</h2>

<p>支持在 Markdown 语法中嵌套 Html 标签，譬如，你可以用 Html 写一个纵跨两行的表格：</p>

<p>table</p>
<p>tr</p>
<p>th rowspan=2值班人员th</p>
<p>th星期一th</p>
<p>th星期二th</p>
<p>th星期三th</p>
<p>tr</p>
<p>tr</p>
<p>td李强td</p>
<p>td张明td</p>
<p>td王平td</p>
<p>tr</p>
<p>table</p>


<p>table</p>
<p>tr</p>
<p>th rowspan=2值班人员th</p>
<p>th星期一th</p>
<p>th星期二th</p>
<p>th星期三th</p>
<p>tr</p>
<p>tr</p>
<p>td李强td</p>
<p>td张明td</p>
<p>td王平td</p>
<p>tr</p>
<p>table</p>

<p>提示, 如果想对图片的宽度和高度进行控制, 你也可以通过img标签, 如</p>

<p>img src=https://leanote.com/images/logo/leanote_icon_blue.png </p>

<h2>5.4 脚注</h2>

<p>Leanote[^footnote]来创建一个脚注</p>
<p>[^footnote] Leanote是一款强大的开源云笔记产品.</p>

<h2>5.5 目录</h2>

<p>通过 `[TOC]` 在文档中插入目录, 如</p>

<p>[TOC]</p>

<h2>5.6 时序图与流程图</h2>

<pre class="language-sequence"><code class="language-sequence code-highlight"><span class="code-line line-number" line="1">Alice-Bob Hello Bob, how are you
</span><span class="code-line line-number" line="2">Note right of Bob Bob thinks
</span><span class="code-line line-number" line="3">Bob--Alice I am good thanks!
</span></code></pre>
<p>流程图</p>

<pre class="language-flow"><code class="language-flow code-highlight"><span class="code-line line-number" line="1">st=start Start
</span><span class="code-line line-number" line="2">e=end
</span><span class="code-line line-number" line="3">op=operation My Operation
</span><span class="code-line line-number" line="4">cond=condition Yes or No
</span><span class="code-line line-number" line="5">
</span><span class="code-line line-number" line="6">st-op-cond
</span><span class="code-line line-number" line="7">cond(yes)-e
</span><span class="code-line line-number" line="8">cond(no)-op
</span></code></pre>
<p>提示 更多关于时序图与流程图的语法请参考</p>

<ul>
<li><a href="https://bramp.github.io/js-sequence-diagrams" title="https://bramp.github.io/js-sequence-diagrams">时序图语法</a></li>
<li><a href="https://adrai.github.io/flowchart.js" title="https://adrai.github.io/flowchart.js">流程图语法</a></li>
</ul>

<h2>5.7 MathJax 公式</h2>

<p>表示行内公式： </p>

<p>质能守恒方程可以用一个很简洁的方程式 $E=mc^2$ 来表达。</p>

<p>表示整行公式：</p>

<p>$$sum_{i=1}^n a_i = 0$$</p>

<p>$$f(x_1, x_2, \cdots, x_n) = x_1^2 + x_2^2 + \cdots + x_n^2$$</p>

<p>$$sum_{k=0}^{j-1} \widehat{\gamma}_{kj} z_k$$</p>

<p>更复杂的公式</p>
<p>$$</p>
<p>begin{eqnarray}</p>
<p>vecnabla times (vecnabla f) & = & 0  cdotscdots梯度场必是无旋场</p>
<p>vecnabla cdot(vecnabla times vec F) & = & 0cdotscdots旋度场必是无散场</p>
<p>vecnabla cdot (vecnabla f) & = & {vecnabla}^2f</p>
<p>vecnabla times(vecnabla times vec F) & = & vecnabla(vecnabla cdot vec F) - {vecnabla}^2 vec F</p>
<p>end{eqnarray}</p>
<p>$$</p>

<p>访问 <a href="httpmeta.math.stackexchange.comquestions5020mathjax-basic-tutorial-and-quick-reference" title="httpmeta.math.stackexchange.comquestions5020mathjax-basic-tutorial-and-quick-reference">MathJax</a> 参考更多使用方法。</p>
<h1>Welcome to Leanote! 欢迎来到Leanote!</h1>

<h2>1. 排版</h2>

<p><strong>粗体</strong> </p>

<p><em>斜体</em></p>

<p><del>这是一段错误的文本。</del></p>

<p>引用</p>

<p>引用Leanote官方的话, 为什么要做Leanote, 原因是...</p>

<p>有序列表</p>
<ol>
<li>支持Vim</li>
<li>支持Emacs</li>
</ol>

<p>无序列表</p>

<ul>
<li>项目1</li>
<li>项目2</li>
</ul>


<h2>2. 图片与链接</h2>

<p>图片</p>
<p><img src="https://leanote.com/images/logo/leanote_icon_blue.png" alt="leanote" title=""></p>
<p>链接</p>

<p><a href="http://leanote.leanote.com" title="http://leanote.leanote.com">这是去往Leanote官方博客的链接</a></p>

<h2>3. 标题</h2>

<p>以下是各级标题, 最多支持5级标题</p>

<pre><code class="code-highlight"><span class="code-line line-number" line="1"># h1
</span><span class="code-line line-number" line="2">## h2
</span><span class="code-line line-number" line="3">### h3
</span><span class="code-line line-number" line="4">#### h4
</span><span class="code-line line-number" line="5">##### h4
</span><span class="code-line line-number" line="6">###### h5
</span></code></pre>
<h2>4. 代码</h2>

<p>示例</p>

<p>function get(key) {</p>
<p>return m[key];</p>
<p>}</p>

<p>代码高亮示例</p>

<pre class="language-javascript"><code class="language-javascript code-highlight"><span class="code-line line-number" line="1">
</span><span class="code-line line-number" line="2">nth element in the fibonacci series.
</span><span class="code-line line-number" line="3">@param n = 0
</span><span class="code-line line-number" line="4">@return the nth element, = 0.
</span><span class="code-line line-number" line="5">
</span><span class="code-line line-number" line="6">function fib(n) {
</span><span class="code-line line-number" line="7">var a = 1, b = 1;
</span><span class="code-line line-number" line="8">var tmp;
</span><span class="code-line line-number" line="9">while (--n = 0) {
</span><span class="code-line line-number" line="10">tmp = a;
</span><span class="code-line line-number" line="11">a += b;
</span><span class="code-line line-number" line="12">b = tmp;
</span><span class="code-line line-number" line="13">}
</span><span class="code-line line-number" line="14">return a;
</span><span class="code-line line-number" line="15">}
</span><span class="code-line line-number" line="16">
</span><span class="code-line line-number" line="17">document.write(fib(10));
</span></code></pre>
<pre class="language-python"><code class="language-python code-highlight"><span class="code-line line-number" line="1">class Employee
</span><span class="code-line line-number" line="2">empCount = 0
</span><span class="code-line line-number" line="3">
</span><span class="code-line line-number" line="4">def __init__(self, name, salary)
</span><span class="code-line line-number" line="5">self.name = name
</span><span class="code-line line-number" line="6">self.salary = salary
</span><span class="code-line line-number" line="7">Employee.empCount += 1
</span></code></pre>
<h1>5. Markdown 扩展</h1>

<p>Markdown 扩展支持</p>

<p>表格</p>
<p>定义型列表</p>
<p>Html 标签</p>
<p>脚注</p>
<p>目录</p>
<p>时序图与流程图</p>
<p>MathJax 公式</p>

<h2>5.1 表格</h2>

<p>Item      Value</p>
<hr>
<p>Computer  $1600</p>
<p>Phone     $12</p>
<p>Pipe      $1</p>

<p>可以指定对齐方式, 如Item列左对齐, Value列右对齐, Qty列居中对齐</p>

<p>Item      Value  Qty   </p>
<hr>
<p>Computer  $1600   5    </p>
<p>Phone     $12     12   </p>
<p>Pipe      $1      234  </p>


<h2>5.2 定义型列表</h2>

<p>名词 1</p>
<p>:    定义 1（左侧有一个可见的冒号和四个不可见的空格）</p>

<p>代码块 2</p>
<p>:    这是代码块的定义（左侧有一个可见的冒号和四个不可见的空格）</p>

<p>代码块（左侧有八个不可见的空格）</p>

<h2>5.3 Html 标签</h2>

<p>支持在 Markdown 语法中嵌套 Html 标签，譬如，你可以用 Html 写一个纵跨两行的表格：</p>

<p>table</p>
<p>tr</p>
<p>th rowspan=2值班人员th</p>
<p>th星期一th</p>
<p>th星期二th</p>
<p>th星期三th</p>
<p>tr</p>
<p>tr</p>
<p>td李强td</p>
<p>td张明td</p>
<p>td王平td</p>
<p>tr</p>
<p>table</p>


<p>table</p>
<p>tr</p>
<p>th rowspan=2值班人员th</p>
<p>th星期一th</p>
<p>th星期二th</p>
<p>th星期三th</p>
<p>tr</p>
<p>tr</p>
<p>td李强td</p>
<p>td张明td</p>
<p>td王平td</p>
<p>tr</p>
<p>table</p>

<p>提示, 如果想对图片的宽度和高度进行控制, 你也可以通过img标签, 如</p>

<p>img src=https://leanote.com/images/logo/leanote_icon_blue.png </p>

<h2>5.4 脚注</h2>

<p>Leanote[^footnote]来创建一个脚注</p>
<p>[^footnote] Leanote是一款强大的开源云笔记产品.</p>

<h2>5.5 目录</h2>

<p>通过 `[TOC]` 在文档中插入目录, 如</p>

<p>[TOC]</p>

<h2>5.6 时序图与流程图</h2>

<pre class="language-sequence"><code class="language-sequence code-highlight"><span class="code-line line-number" line="1">Alice-Bob Hello Bob, how are you
</span><span class="code-line line-number" line="2">Note right of Bob Bob thinks
</span><span class="code-line line-number" line="3">Bob--Alice I am good thanks!
</span></code></pre>
<p>流程图</p>

<pre class="language-flow"><code class="language-flow code-highlight"><span class="code-line line-number" line="1">st=start Start
</span><span class="code-line line-number" line="2">e=end
</span><span class="code-line line-number" line="3">op=operation My Operation
</span><span class="code-line line-number" line="4">cond=condition Yes or No
</span><span class="code-line line-number" line="5">
</span><span class="code-line line-number" line="6">st-op-cond
</span><span class="code-line line-number" line="7">cond(yes)-e
</span><span class="code-line line-number" line="8">cond(no)-op
</span></code></pre>
<p>提示 更多关于时序图与流程图的语法请参考</p>

<ul>
<li><a href="https://bramp.github.io/js-sequence-diagrams" title="https://bramp.github.io/js-sequence-diagrams">时序图语法</a></li>
<li><a href="https://adrai.github.io/flowchart.js" title="https://adrai.github.io/flowchart.js">流程图语法</a></li>
</ul>

<h2>5.7 MathJax 公式</h2>

<p>表示行内公式： </p>

<p>质能守恒方程可以用一个很简洁的方程式 $E=mc^2$ 来表达。</p>

<p>表示整行公式：</p>

<p>$$sum_{i=1}^n a_i = 0$$</p>

<p>$$f(x_1, x_2, \cdots, x_n) = x_1^2 + x_2^2 + \cdots + x_n^2$$</p>

<p>$$sum_{k=0}^{j-1} \widehat{\gamma}_{kj} z_k$$</p>

<p>更复杂的公式</p>
<p>$$</p>
<p>begin{eqnarray}</p>
<p>vecnabla times (vecnabla f) & = & 0  cdotscdots梯度场必是无旋场</p>
<p>vecnabla cdot(vecnabla times vec F) & = & 0cdotscdots旋度场必是无散场</p>
<p>vecnabla cdot (vecnabla f) & = & {vecnabla}^2f</p>
<p>vecnabla times(vecnabla times vec F) & = & vecnabla(vecnabla cdot vec F) - {vecnabla}^2 vec F</p>
<p>end{eqnarray}</p>
<p>$$</p>

<p>访问 <a href="httpmeta.math.stackexchange.comquestions5020mathjax-basic-tutorial-and-quick-reference" title="httpmeta.math.stackexchange.comquestions5020mathjax-basic-tutorial-and-quick-reference">MathJax</a> 参考更多使用方法。</p>
</article></body></html>